<template>
  <el-dialog v-model="dialogVisible">
    <img w-full :src="dialogImageUrl" alt="Preview Image" />
  </el-dialog>
</template>
<script setup>
   import { ref } from 'vue'

   const dialogVisible = ref(false)

   const dialogImageUrl = ref('')
   function show(url){
      dialogImageUrl.value = url
      dialogVisible.value = true
   }

   defineExpose({
     show
   })

</script>
